/* 
		@Author   Cherry SMY
		@DATA     2011.10.20
*/

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2 
{ margin: 0; padding: 0; border:0;} 
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol {list-style: none; }
fieldset, img { border: 0; }
iframe { background-image: none; }
select { border: 1px solid #CBCBCB; height: 20px; }
textarea{ width:700px; border:#E4E4E4 1px solid;padding:10px; line-height:18px;}
hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

.clear { clear:both; }
.S{ width:15px; height:15px; float:left; font-size:0px;}
.H{ width:30px; height:30px; font-size:0px;}
.K{ width:20px; height:20px; clear:both; font-size:0px;}

.db{ display: block; }
.di{ display: inline; }
.mar{ margin:0 auto;}

/* book
-----------------------------------------------------------------------------------------------------*/
.bookmain{width:650px; margin:0 auto; height:auto;}
.bookline{width: 650px; height:34px; background-image: url(../images/about_box_line.jpg); background-repeat: no-repeat; background-position: 0 0; float:left; margin-top:10px;}
.book{ width:650px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:470px; height:30px; float:left; color:#5c6d8f; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#4b7bd4; text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left;padding:10px;}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; line-height:23px; height: auto!important; height:30px; float:left; padding:10px;background:#fff;}
.messagecol{ color:#df5b0b;}
.admincol{ color:#DF5B0B; font-weight:bold;}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left; text-align:right;}

/*formsubmit
-----------------------------------------------------------------------------------------------------*/
.formsubmittop{ float:left; width:703px; background:#E4F6F9; padding:7px; line-height:30px; margin-bottom:20px;}
.formsubmittop ul{ float:left;width:703px;}
.formsubmittop ul li{ float:left; width:345px;}
.formsubmittop p{ color:#7C8586;}
.formsubmitmin{ float:left; width:710px; padding-left:7px; background:#E4F6F9; line-height:30px; }
.ticketintr{ line-height:25px; padding:30px 0; float:left;width:710px; padding-left:7px;}
formsubmitbot{ float:left;width:710px;}
.formsubmitarea{float:left; width:405px; line-height:30px;}
.formsubmit_but{float:left; padding-top:33px;}
.formsubmit_but img{ margin-right:60px; _margin-right:40px;}
.formsubmitarea label{float:left; }
.for_name{float:left; padding-right:14px;}
.for_name input{float:left; width:100px; height:28px; border:1px solid  #ccc; }
.for_tel{float:left;}
.for_tel input{float:left; width:148px; height:28px; border:1px solid  #ccc; }
.for_num{float:left;}
.for_num input{float:left; width:276px; height:28px; border:1px solid  #ccc; }
/* hr
-----------------------------------------------------------------------------------------------------*/
.hrBox{ width:634px; min-height:91px; _height:91px; margin-left:20px; border:1px solid #c0ccdf;  margin-bottom:20px; margin-top:20px;}
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #c0ccdf solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #c0ccdf;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #c0ccdf solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; margin-left:30px; height:440px; border:1px solid #c0ccdf;margin-top:20px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #c0ccdf; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #c0ccdf; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #c0ccdf;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #c0ccdf; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #c0ccdf;}
.tableMainR{ width:211px; float:left; border-right:1px solid #c0ccdf; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #c0ccdf; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #c0ccdf; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #c0ccdf;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #c0ccdf; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #c0ccdf; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #c0ccdf; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }


/* 链接样式 
----------------------------------------------------------------------------------------------------*/
a { color: #666666; text-decoration: none; }
a:hover { text-decoration: none;}

/* 左右浮动样式
----------------------------------------------------------------------------------------------------*/
.fl { float:left; }
.fr { float:right; }

/* 颜色
-----------------------------------------------------------------------------------------------------*/
.c_red { color: #ad0000; }
.c_blue { color: #1897d4; }
.c_orage { color: #ef8600; }
.c_green { color: #30908D; }
.c_yellow { color:#eae705; }
.c0 { color: #000000; }
.c3 { color: #333333; }
.c6 { color: #666666; }
.c9 { color: #999999; }
.cc { color: #CCCCCC; }
.cd { color: #DDDDDD; }
.ce { color: #EEEEEE; }
.cf { color: #FFFFFF; }

/* 文本样式
-----------------------------------------------------------------------------------------------------*/
.f0p  { font-size: 0px; }
.f10p { font-size: 10px; }
.f12p { font-size: 12px; }
.f13p { font-size: 13px; }
.f14p { font-size: 14px; }
.f15p { font-size: 15px; }
.f16p { font-size: 16px; }
.f17p { font-size: 17px; }
.f18p { font-size: 18px; }
.f20p { font-size: 20px; }
.f25p { font-size: 25px; }
.fw{ font-weight:bold; }
.fi{ font-style:italic; }
.fs{ text-decoration:line-through;}
.fu{ text-decoration:underline;}
.indent { text-indent: 24px; }

/* mouse style
----------------------------------------------------------------------------------------------------*/
.mou_p { cursor: pointer; }
.mou_m { cursor: move; }
.mou_t { cursor: text; }

/* Paddings
----------------------------------------------------------------------------------------------------*/
.pad_0p { padding: 0px; }
.pad_1p { padding: 1px; }
.pad_2p { padding: 2px; }
.pad_3p { padding: 3px; }
.pad_4p { padding: 4px; }
.pad_5p { padding: 5px; }
.pad_10p0p { padding: 10px 0px; }

.pad_t5p { padding-top: 5px; }
.pad_t10p { padding-top: 10px; }
.pad_t15p { padding-top: 15px; }
.pad_t20p { padding-top: 20px; }

.pad_b5p { padding-bottom: 5px; }
.pad_b10p { padding-bottom: 10px; }
.pad_b20p { padding-bottom: 20px; }

.pad_l5p { padding-left: 5px; }
.pad_l10p { padding-left: 10px; }
.pad_l20p { padding-left: 20px; }
.pad_l25p { padding-left: 25px; }
.pad_l40p { padding-left: 40px; }
.pad_l45p { padding-left: 45px; }

.pad_r5p { padding-right: 5px; }
.pad_r10p { padding-right: 10px; }
.pad_r20p { padding-right: 20px; }
.pad_r25p { padding-right: 25px; }
.pad_r70p { padding-right: 70px; }

/* Margins
----------------------------------------------------------------------------------------------------*/
.mar_0p { margin: 0px; }
.mar_10p { margin: 10px; }
.mar_10p0p { margin: 10px 0px; }

.mar_t5p { margin-top: 5px; }
.mar_t9p { margin-top: 9px; }
.mar_t10p { margin-top: 10px; }
.mar_t15p { margin-top: 15px; }
.mar_t20p { margin-top: 20px; }
.mar_t30p { margin-top: 30px; }

.mar_b5p { margin-bottom: 5px; }
.mar_b10p { margin-bottom: 10px; }
.mar_b20p { margin-bottom: 20px; }

.mar_l5p { margin-left: 5px; }
.mar_l10p { margin-left: 10px; }
.mar_l15p { margin-left: 15px; }
.mar_l20p { margin-left: 18px; }
.mar_l25p { margin-left: 20px; }
.mar_l30p { margin-left: 200px; }

.mar_r5p { margin-right: 5px; }
.mar_r10p { margin-right: 10px; }
.mar_r20p { margin-right: 20px; }

/* Text 
----------------------------------------------------------------------------------------------------*/
.text_l { text-align: left; }
.text_r { text-align: right; }
.text_c { text-align: center; }

/* line height
----------------------------------------------------------------------------------------------------*/
.lh30p { line-height: 30px; }
.lh25p { line-height: 25px; }
.lh150p { line-height: 150%; }
.lh200p { line-height: 200%; }
.lh300p { line-height: 300%; }


/* H 
-----------------------------------------------------------------------------------------------------*/
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* Border 
-----------------------------------------------------------------------------------------------------*/
/* 实边框 */
.border{ border:1px #ff9921 solid }
.border_w{ border:3px #FFF solid;}
.border_da{ border:1px #dadada solid;}
.border_h{ border:3px #ededee solid;}
.border_t{ border-top:#3a3a3a solid 2px; }
.border_r{ border-right:1px #C80000 solid }
.border_b{ border-bottom:1px #C80000 solid }
.border_l{ border-left:1px #C80000 solid }
.border_d5_10{ border:10px #d5d5d5 solid; }

/* 虚边框 */
.border_d{ border:1px #E4E4E4 dotted }
.border_dt{ border-top:1px #9d9b9b dotted }
.border_dr{ border-right:1px #1B1B14 dotted }
.border_db{ border-bottom:1px #9d9b9b dotted }
.border_dl{ border-left:1px #E4E4E4 dotted }

/* Module Width 
----------------------------------------------------------------------------------------------------*/
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w160 { width: 160px; }
.w320 { width: 320px; }
.w400 { width: 400px; }
.w560 { width: 560px; }
.w640 { width: 640px; }